<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" errorPage="404_error.jsp"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html lang="en">
<head>
    <link rel="icon" href="../images/logo1.png">
    <!-- basic -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- mobile metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <!-- site metas -->
    <title>后台管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- bootstrap css -->
    <c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
    <link rel="stylesheet" href="${page}/AskWeb/css/bootstrap.min.css"/>
    <!-- site css -->
    <link rel="stylesheet" href="${page}/AskWeb/style.css"/>
    <!-- responsive css -->
    <link rel="stylesheet" href="${page}/AskWeb/css/responsive.css"/>
    <!-- color css -->
    <link rel="stylesheet" href="${page}/AskWeb/css/colors.css"/>
    <!-- select bootstrap -->
    <link rel="stylesheet" href="${page}/AskWeb/css/bootstrap-select.css"/>
    <!-- scrollbar css -->
    <link rel="stylesheet" href="${page}/AskWeb/css/perfect-scrollbar.css"/>
    <!-- custom css -->
    <link rel="stylesheet" href="${page}/AskWeb/css/custom.css"/>

</head>
<body class="dashboard dashboard_1">
<div class="full_container">
    <div class="inner_container">
        <!-- Sidebar  -->
        <nav id="sidebar">
            <div class="sidebar_blog_1">
                <div class="sidebar-header">
                    <div class="logo_section">
                        <a href="index.jsp"><img class="logo_icon img-responsive" src="../images/logo/logo_icon.png" alt="#"/></a>
                    </div>
                </div>
                <div class="sidebar_user_info">
                    <div class="icon_setting"></div>
                    <div class="user_profle_side">
                        <div class="user_img"><img class="img-responsive" src="../images/manager_img.jpg" alt="#"/>
                        </div>
                        <div class="user_info">
                            <h6>超级管理员</h6>
                            <p><span class="online_animation"></span> 在线</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sidebar_blog_2">
                <h4>General</h4>
                <ul class="list-unstyled components">
                    <li class="active">
                        <a href="${pageContext.request.contextPath}/manager/allUser">
                           <i class="fa fa-dashboard yellow_color"></i>
                           <span>用户管理</span>
                        </a>
                    </li>
                    <li>
                        <a href="${pageContext.request.contextPath}/manager/allManager">
                           <i class="fa fa-diamond purple_color"></i>
                           <span>管理员管理</span>
                        </a>
                    </li>
                </ul>
            </div>
        </nav>
        <!-- end sidebar -->

        <!-- right content -->
        <div id="content">
            <!-- topbar -->
            <div class="topbar">
                <nav class="navbar navbar-expand-lg navbar-light">
                    <div class="full">
                        <button type="button" id="sidebarCollapse" class="sidebar_toggle"><i class="fa fa-bars"></i>
                        </button>
                        <div class="right_topbar">
                            <div class="icon_info">
                                <ul>
                                    <li><a href="#"><i class="fa fa-bell-o"></i><span class="badge">2</span></a></li>
                                    <li><a href="#"><i class="fa fa-question-circle"></i></a></li>
                                    <li><a href="#"><i class="fa fa-envelope-o"></i><span class="badge">3</span></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </nav>
            </div>
            <!-- end topbar -->

            <!-- dashboard inner -->
            <div class="midde_cont">
                <div class="container-fluid">
                    <div class="row column_title">
                        <div class="col-md-12">
                            <div class="page_title">
                                <h2>管理中心</h2>
                            </div>
                        </div>
                    </div>
                    <div class="row column1">
                        <div class="col-md-6 col-lg-3">
                            <div class="full counter_section margin_bottom_30">
                                <div class="couter_icon">
                                    <div>
                                        <i class="fa fa-user yellow_color"></i>
                                    </div>
                                </div>
                                <div class="counter_no">
                                    <div>
                                        <p class="total_no">2500</p>
                                        <p class="head_couter">Welcome</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-3">
                            <div class="full counter_section margin_bottom_30">
                                <div class="couter_icon">
                                    <div>
                                        <i class="fa fa-clock-o blue1_color"></i>
                                    </div>
                                </div>
                                <div class="counter_no">
                                    <div>
                                        <p class="total_no">123.50</p>
                                        <p class="head_couter">Average Time</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-3">
                            <div class="full counter_section margin_bottom_30">
                                <div class="couter_icon">
                                    <div>
                                        <i class="fa fa-cloud-download green_color"></i>
                                    </div>
                                </div>
                                <div class="counter_no">
                                    <div>
                                        <p class="total_no">1,805</p>
                                        <p class="head_couter">Collections</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-3">
                            <div class="full counter_section margin_bottom_30">
                                <div class="couter_icon">
                                    <div>
                                        <i class="fa fa-comments-o red_color"></i>
                                    </div>
                                </div>
                                <div class="counter_no">
                                    <div>
                                        <p class="total_no">54</p>
                                        <p class="head_couter">Comments</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row column1 social_media_section">
                        <div class="col-md-6 col-lg-3">
                            <div class="full socile_icons fb margin_bottom_30">
                                <div class="social_icon">
                                    <i class="fa fa-facebook"></i>
                                </div>
                                <div class="social_cont">
                                    <ul>
                                        <li>
                                            <span><strong>35k</strong></span>
                                            <span>Friends</span>
                                        </li>
                                        <li>
                                            <span><strong>128</strong></span>
                                            <span>Feeds</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-3">
                            <div class="full socile_icons tw margin_bottom_30">
                                <div class="social_icon">
                                    <i class="fa fa-twitter"></i>
                                </div>
                                <div class="social_cont">
                                    <ul>
                                        <li>
                                            <span><strong>584k</strong></span>
                                            <span>Followers</span>
                                        </li>
                                        <li>
                                            <span><strong>978</strong></span>
                                            <span>Tweets</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-3">
                            <div class="full socile_icons linked margin_bottom_30">
                                <div class="social_icon">
                                    <i class="fa fa-linkedin"></i>
                                </div>
                                <div class="social_cont">
                                    <ul>
                                        <li>
                                            <span><strong>758+</strong></span>
                                            <span>Contacts</span>
                                        </li>
                                        <li>
                                            <span><strong>365</strong></span>
                                            <span>Feeds</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-3">
                            <div class="full socile_icons google_p margin_bottom_30">
                                <div class="social_icon">
                                    <i class="fa fa-google-plus"></i>
                                </div>
                                <div class="social_cont">
                                    <ul>
                                        <li>
                                            <span><strong>450</strong></span>
                                            <span>Followers</span>
                                        </li>
                                        <li>
                                            <span><strong>57</strong></span>
                                            <span>Circles</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- graph -->
                    <div class="row column2 graph margin_bottom_30">
                        <div class="col-md-l2 col-lg-12">
                            <div class="white_shd full">
                                <div class="full graph_head">
                                    <div class="heading1 margin_0">
                                        <h2>Extra Area Chart</h2>
                                    </div>
                                </div>
                                <div class="full graph_revenue">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="content">
                                                <div class="area_chart">
                                                    <canvas height="120" id="canvas"></canvas>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end graph -->
                    <div class="row column3">
                        <!-- testimonial -->
                        <div class="col-md-6">
                            <div class="dark_bg full margin_bottom_30">
                                <div class="full graph_head">
                                    <div class="heading1 margin_0">
                                        <h2>Testimonial</h2>
                                    </div>
                                </div>
                                <div class="full graph_revenue">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="content testimonial">
                                                <div id="testimonial_slider" class="carousel slide"
                                                     data-ride="carousel">
                                                    <!-- Wrapper for carousel items -->
                                                    <div class="carousel-inner">
                                                        <div class="item carousel-item active">
                                                            <div class="img-box"><img src="../images/layout_img/user_img.jpg" alt=""></div>
                                                            <p class="testimonial">Sed ut perspiciatis unde omnis iste
                                                                natus error sit voluptatem accusantium doloremque
                                                                laudantium, totam rem aperiam, eaque ipsa quae..</p>
                                                            <p class="overview"><b>Michael Stuart</b>Seo Founder</p>
                                                        </div>
                                                        <div class="item carousel-item">
                                                            <div class="img-box"><img
                                                                    src="../images/layout_img/user_img.jpg" alt=""></div>
                                                            <p class="testimonial">Sed ut perspiciatis unde omnis iste
                                                                natus error sit voluptatem accusantium doloremque
                                                                laudantium, totam rem aperiam, eaque ipsa quae..</p>
                                                            <p class="overview"><b>Michael Stuart</b>Seo Founder</p>
                                                        </div>
                                                        <div class="item carousel-item">
                                                            <div class="img-box"><img
                                                                    src="../images/layout_img/user_img.jpg" alt=""></div>
                                                            <p class="testimonial">Sed ut perspiciatis unde omnis iste
                                                                natus error sit voluptatem accusantium doloremque
                                                                laudantium, totam rem aperiam, eaque ipsa quae..</p>
                                                            <p class="overview"><b>Michael Stuart</b>Seo Founder</p>
                                                        </div>
                                                    </div>
                                                    <!-- Carousel controls -->
                                                    <a class="carousel-control left carousel-control-prev"
                                                       href="#testimonial_slider" data-slide="prev">
                                                        <i class="fa fa-angle-left"></i>
                                                    </a>
                                                    <a class="carousel-control right carousel-control-next"
                                                       href="#testimonial_slider" data-slide="next">
                                                        <i class="fa fa-angle-right"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end testimonial -->
                        <!-- progress bar -->
                        <div class="col-md-6">
                            <div class="white_shd full margin_bottom_30">
                                <div class="full graph_head">
                                    <div class="heading1 margin_0">
                                        <h2>Progress Bar</h2>
                                    </div>
                                </div>
                                <div class="full progress_bar_inner">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="progress_bar">
                                                <!-- Skill Bars -->
                                                <span class="skill" style="width:73%;">Facebook <span
                                                        class="info_valume">73%</span></span>
                                                <div class="progress skill-bar ">
                                                    <div class="progress-bar progress-bar-animated progress-bar-striped"
                                                         role="progressbar" aria-valuenow="73" aria-valuemin="0"
                                                         aria-valuemax="100" style="width: 73%;">
                                                    </div>
                                                </div>
                                                <span class="skill" style="width:62%;">Twitter <span
                                                        class="info_valume">62%</span></span>
                                                <div class="progress skill-bar">
                                                    <div class="progress-bar progress-bar-animated progress-bar-striped"
                                                         role="progressbar" aria-valuenow="62" aria-valuemin="0"
                                                         aria-valuemax="100" style="width: 62%;">
                                                    </div>
                                                </div>
                                                <span class="skill" style="width:54%;">Instagram <span
                                                        class="info_valume">54%</span></span>
                                                <div class="progress skill-bar">
                                                    <div class="progress-bar progress-bar-animated progress-bar-striped"
                                                         role="progressbar" aria-valuenow="54" aria-valuemin="0"
                                                         aria-valuemax="100" style="width: 54%;">
                                                    </div>
                                                </div>
                                                <span class="skill" style="width:82%;">Google plus <span
                                                        class="info_valume">82%</span></span>
                                                <div class="progress skill-bar">
                                                    <div class="progress-bar progress-bar-animated progress-bar-striped"
                                                         role="progressbar" aria-valuenow="82" aria-valuemin="0"
                                                         aria-valuemax="100" style="width: 82%;">
                                                    </div>
                                                </div>
                                                <span class="skill" style="width:48%;">Other <span class="info_valume">48%</span></span>
                                                <div class="progress skill-bar">
                                                    <div class="progress-bar progress-bar-animated progress-bar-striped"
                                                         role="progressbar" aria-valuenow="48" aria-valuemin="0"
                                                         aria-valuemax="100" style="width: 48%;">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end progress bar -->
                    </div>
                    <div class="row column4 graph">
                        <div class="col-md-6 margin_bottom_30">
                            <div class="dash_blog">
                                <div class="dash_blog_inner">
                                    <div class="dash_head">
                                        <h3><span><i class="fa fa-calendar"></i> 6 July 2020</span><span
                                                class="plus_green_bt"><a href="#">+</a></span></h3>
                                    </div>
                                    <div class="list_cont">
                                        <p>Today Tasks for Ronney Jack</p>
                                    </div>
                                    <div class="task_list_main">
                                        <ul class="task_list">
                                            <li><a href="#">Meeting about plan for Admin Template 2020</a><br><strong>10:00
                                                AM</strong></li>
                                            <li><a href="#">Create new task for Dashboard</a><br><strong>10:00
                                                AM</strong></li>
                                            <li><a href="#">Meeting about plan for Admin Template 2020</a><br><strong>11:00
                                                AM</strong></li>
                                            <li><a href="#">Create new task for Dashboard</a><br><strong>10:00
                                                AM</strong></li>
                                            <li><a href="#">Meeting about plan for Admin Template 2020</a><br><strong>02:00
                                                PM</strong></li>
                                        </ul>
                                    </div>
                                    <div class="read_more">
                                        <div class="center"><a class="main_bt read_bt" href="#">Read More</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="dash_blog">
                                <div class="dash_blog_inner">
                                    <div class="dash_head">
                                        <h3><span><i class="fa fa-comments-o"></i> Updates</span><span
                                                class="plus_green_bt"><a href="#">+</a></span></h3>
                                    </div>
                                    <div class="list_cont">
                                        <p>User confirmation</p>
                                    </div>
                                    <div class="msg_list_main">
                                        <ul class="msg_list">
                                            <li>
                                                <span><img src="../images/layout_img/msg2.png" class="img-responsive"
                                                           alt="#"/></span>
                                                <span>
                                          <span class="name_user">Herman Beck</span>
                                          <span class="msg_user">Sed ut perspiciatis unde omnis.</span>
                                          <span class="time_ago">12 min ago</span>
                                          </span>
                                            </li>
                                            <li>
                                                <span><img src="../images/layout_img/msg3.png" class="img-responsive"
                                                           alt="#"/></span>
                                                <span>
                                          <span class="name_user">John Smith</span>
                                          <span class="msg_user">On the other hand, we denounce.</span>
                                          <span class="time_ago">12 min ago</span>
                                          </span>
                                            </li>
                                            <li>
                                                <span><img src="../images/layout_img/msg2.png" class="img-responsive"
                                                           alt="#"/></span>
                                                <span>
                                          <span class="name_user">John Smith</span>
                                          <span class="msg_user">Sed ut perspiciatis unde omnis.</span>
                                          <span class="time_ago">12 min ago</span>
                                          </span>
                                            </li>
                                            <li>
                                                <span><img src="../images/layout_img/msg3.png" class="img-responsive"
                                                           alt="#"/></span>
                                                <span>
                                          <span class="name_user">John Smith</span>
                                          <span class="msg_user">On the other hand, we denounce.</span>
                                          <span class="time_ago">12 min ago</span>
                                          </span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="read_more">
                                        <div class="center"><a class="main_bt read_bt" href="#">Read More</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- footer -->

            </div>
            <!-- end dashboard inner -->
        </div>
    </div>
</div>
<!-- jQuery -->
<script src="${page}/AskWeb/js/jquery.min.js"></script>
<script src="${page}/AskWeb/js/popper.min.js"></script>
<script src="${page}/AskWeb/js/bootstrap.min.js"></script>
<!-- wow animation -->
<script src="${page}/AskWeb/js/animate.js"></script>
<!-- select country -->
<script src="${page}/AskWeb/js/bootstrap-select.js"></script>
<!-- owl carousel -->
<script src="${page}/AskWeb/js/owl.carousel.js"></script>
<!-- chart js -->
<script src="${page}/AskWeb/js/Chart.min.js"></script>
<script src="${page}/AskWeb/js/Chart.bundle.min.js"></script>
<script src="${page}/AskWeb/js/utils.js"></script>
<script src="${page}/AskWeb/js/analyser.js"></script>
<!-- nice scrollbar -->
<script src="${page}/AskWeb/js/perfect-scrollbar.min.js"></script>
<script>
    var ps = new PerfectScrollbar('#sidebar');
</script>
<!-- custom js -->
<script src="${page}/AskWeb/js/custom.js"></script>
<script src="${page}/AskWeb/js/chart_custom_style1.js"></script>
</body>
</html>